@charset "utf-8";

/* join Content Table
	1. snb
	2. content
	3. table
*/

/* 1. snb
--------------------------------------------------------------------------------------------------------------------------------*/
.snb .snb_list.join li.snb1 a{background:url(/cmp_images/join/img_join_snb1.png) 27px 17px no-repeat;}
.snb .snb_list.join li.snb1.on a{background:url(/cmp_images/join/img_join_snb1_on.png) 27px 17px no-repeat;}
.snb .snb_list.join li.snb2 a{background:url(/cmp_images/join/img_join_snb2.png) 27px 17px no-repeat;}
.snb .snb_list.join li.snb2.on a{background:url(/cmp_images/join/img_join_snb2_on.png) 27px 17px no-repeat;}
.snb .snb_list.join li.snb3 a{background:url(/cmp_images/join/img_join_snb3.png) 27px 17px no-repeat;}
.snb .snb_list.join li.snb3.on a{background:url(/cmp_images/join/img_join_snb3_on.png) 27px 17px no-repeat;}

/* 2. content
--------------------------------------------------------------------------------------------------------------------------------*/
.content{margin-left:236px;padding:42px 0 0 16px;}
.content.snb_line{margin-left:235px;border-left:1px solid #cdcdcd;}
.content .import{margin-bottom:32px;color:#4882C5;}
.content h3{margin-bottom:18px;}
.content .ctt_box {padding:30px 36px;background-color:#f7f7f7;border-top:2px solid #a4a4a4;border-bottom:1px solid #a4a4a4;}
.content .join_type{width:167px;display:inline-block;margin-right:51px;}
.content .join_type:last-child{margin-right:0;}
.content .join_type .join_type_box{display:inline-block;line-height:1.2em;margin-bottom:7px;width:167px;border:1px solid #e1e1e1;background:#fff url(/cmp_images/join/img_bg_chck.png) center 23px no-repeat;text-align:center;padding-top:120px;height:47px;font-weight:bold;font-size:14px;color:#666666}
.content .join_type .join_type_box.origin{background:#fff url(/cmp_images/join/img_bg_chck2.png) center 23px no-repeat;}
.content .join_type .join_type_box.facebook{background:#fff url(/cmp_images/join/img_bg_chck3.png) center 23px no-repeat;}
.content .ctt_btn_wrap{padding-bottom:64px}
.content .ctt_btn_wrap:after{content:'';display:block;clear:both}
.content .ctt_btn_wrap .btn_right{float:right;}
.content .ctt_btn_wrap .btn_right .btn_black{display:inline-block;margin-top:10px;padding-top:9px;width:100px;height:22px;background:#444;color:#fff;font-weight:bold;text-align:center}
.content .join_process {margin-bottom:32px;text-align:center}
.content .txt_box{margin-top:31px;}
.content .txt_box .ttl{background:url(/cmp_images/join/blt_join_agr.png) 0 5px no-repeat;padding:0 0 0 17px;margin-left:-17px;font-size:14px;font-weight:bold;color:#666;margin-bottom:11px}
.content .txt_box .agree_ctt{line-height:1.7;background-color:#fff;border:1px solid #cdcdcd;height:118px;margin-bottom:10px;padding:10px 14px;overflow:scroll}
.content .txt_box .agree_ctt pre{line-height:1.7}
.content .txt_box input[type="checkbox"]{vertical-align:middle}
.content .ctt_box h3.bg_chk{background:url(/cmp_images/join/blt_join_agr.png) 0 3px no-repeat;padding-left:18px;margin-bottom:0;font-size:14px;}
.content .ctt_box .success_img_box{padding:42px;text-align:center}
.content .ctt_box .success_img_box .result{margin-top:22px;font-size:14px;color:#4882c5;font-weight:bold;text-algin:center;}
.content .ctt_box .login_box{width:543px;overflow:hidden}
.content .ctt_box .login_box:after{content:'';clear:both;display:block;}
.content .ctt_box .login_box dt{float:left;height:26px;line-height:26px;background:url(/cmp_images/join/blt_join_agr.png) 0 10px no-repeat;font-size:14px;color:#666;padding-left:20px;width:103px }
.content .ctt_box .login_box dd{float:left;height:26px;line-height:26px;padding-left:20px;padding-top:3px;width:400px;}
.content .ctt_box .login_box dd input[type="text"]{}
.content .ctt_box .login_box.id{padding-top:15px;}
.content .ctt_box .login_box.id dt{width:130px;background:none;padding:5px 0;line-height:20px;}
.content .ctt_box .login_box.id dd{padding:5px 0;line-height:20px;}
.content .ctt_box .f_type{font-size:14px;color:#666666;font-weight:bold;}
.content .ctt_box .f_desc{font-size:13px;color:#969696;padding:10px 0 10px 17px;}
.content .ctt_box .f_desc2{font-size:13px;color:#969696;padding-top:9px;}
.content .ctt_box .vrtcl_line{height:1px;background-color:#cdcdcd;margin:30px 0}
.content .ctt_box .ipt_bg{background-color:#ececec;width:211px;}

/* 3. table_vrtcl
--------------------------------------------------------------------------------------------------------------------------------*/
.table_vrtcl{width:100%;border-top:2px solid #a4a4a4;border-bottom:1px solid #a4a4a4}
.table_vrtcl tr th{text-align:left;color:#666666;font-size:12px;padding:14px 0 14px 24px;background-color:#f7f7f7;border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8}
.table_vrtcl tr td{color:#969696;padding:0 0 0 21px;font-size:12px;vertical-align:middle;border-bottom:1px solid #e8e8e8}
.table_vrtcl tr:last-child th,.table_vrtcl tr:last-child td{border-bottom:none}
.table_vrtcl tr td input[type="radio"]{vertical-align:middle;margin:0 3px 0 0;}
.table_vrtcl tr td input[type="text"]{height:25px}
.table_vrtcl tr td input[type="checkbox"]{vertical-align:middle}


/* common */
.btn_s{margin-left:3px;border:none;cursor:pointer;background-color:#6e757d;color:#fff;font-family:'돋움',Dotum;font-size:11px;height:20px;padding:4px 7px}
.inpt_mobile{display:inline-block;color:#969696;}
.inpt_mobile input,.inpt_mobile select{margin-right:4px}
.placeholder_box{position:relative;display:inline-block;}
.placeholder_box input[type="text"]{}
.placeholder_box label{position:absolute;color:#969696;left:6px;top:1px;}
.btn_grey{display:inline-block;height:13px;padding:8px 24px;background-color:#e7e7e7;border:1px solid #a2a2a2;font-weight:bold;color:#515151;}
select.basic_slct{border:1px solid #cdcdcd;padding:0 13px;height:24px;}





















